<template>
    <div class="project">
        <el-row :gutter="50">
            <el-col :span="6"><div class="grid-content bg-purple"></div>
                <el-button type="warning" icon="el-icon-edit" @click="linkTo('/project/projectrepairlist')">维修设置</el-button>
            </el-col>
            <el-col :span="6"><div class="grid-content bg-purple"></div>
                <el-button type="success" icon="el-icon-edit" @click="linkTo('/project/projectcleanlist')">保洁设置</el-button>
            </el-col>
            <el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
            <el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
        </el-row>
        <el-row :gutter="20">
            <el-col :span="24">
                <transition name="el-zoom-in-center">
                    <router-view v-show="show" />
                </transition>
            </el-col>
        </el-row>
    </div>
</template>

<script>
export default {
    data(){
        return{
            show:true
        }
    },
    methods:{
        linkTo(e){
            this.$router.push({path:e});
        }
    }
}
</script>

<style lang="scss" scoped>
    .project{
        width: 100%;
        overflow: hidden;
    }
    .project .el-row .el-col {
        text-align: center;
    }
</style>

